<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>text</title>
</head>
<body>
<!--
    <text> 元素用于定义文本。
        坐标是以浏览器左上角为原点
-->
    <svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100vh">
        <text x="0" y="15" fill="red">45564654654654</text>
<!--        旋转 rotate(旋转度数，旋转点坐标)-->
        <text x="0" y="30" fill="red" transform="rotate(30 0,30)">45564654654654</text>
<!--        路径上的文字 路径加id 文字使用xlink:href="#path1"-->
        <path id="path1" d="M75,20 a1,1 0 0,0 100,0" fill="none"/>
        <text x="0" y="70" fill="red">
            <textPath xlink:href="#path1">12222222222222222222</textPath>
        </text>
<!--     链接外部地址   -->
        <a xlink:href="http://www.baidu.com">
            <text x="0" y="100" fill="red" >45564654654654</text>
        </a>

    </svg>
</body>
</html>
